<template>
  <div class="je-plugin-proposal-owner-row">
    <div class="label">
      {{ title }}
    </div>
    <div class="value-wrp">
      <slot name="content" />
    </div>
  </div>
  <!-- <el-row
    :gutter="30"
    class="je-plugin-proposal-owner-row"
  >
    <el-col
      :span="3"
      class="label"
    >
      {{ title }}
    </el-col>
    <el-col
      :span="21"
      class="value-wrp"
    >
      <slot name="content" />
    </el-col>
  </el-row> -->
</template>

<script>
export default {
  name: 'Index',
  props: {
    title: {
      type: String,
      default: '',
    },
  },
};
</script>

<style lang="less">
  .je-plugin-proposal-owner-row {
    margin-left: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    .label {
      text-align: left;
      padding-left: 0;
      font-size: 13px;
      color: #3F3F3F;
      width: 80px;
      flex-shrink: 0;
    }
    .value-wrp {
      width: calc(100% - 90px);
      > div {
        border-bottom: 1px solid #f5f5f5;
        .el-input {
          > .el-input__inner {
            padding-left: 5px !important;
            border: 0;
          }
        }
      }
    }
    &:not(:first-child) {
      margin-top: 10px;
    }
  }
</style>
